
$(function() {
	
	// 属性
	/*
	$(".box ul li").css("color", "red")
	console.log("没有属性", $(".box ul li").first().attr("data-color"))
	$(".box ul li").attr("data-color", "red")
	console.log("设置了属性", $(".box ul li").first().attr("data-color"))
	$(".box ul li").removeAttr("data-color")
	console.log("移除了属性", $(".box ul li").first().attr("data-color"))
	
	$("#checked").click(function() {
		console.log($("#checked").prop("checked"))
		this.checked
	})
	*/
 
  // CSS 类
	/*
	$("#checked").click(function() {
		// $("#heading").toggleClass("red")
		
		// if (!$("#checked").prop("checked")) {
		
		if ($("#heading").hasClass("red")) {
			$("#heading").removeClass("red")
		} else{
			$("#heading").addClass("red")
		}
	})*/
	
	
	/*
	// innnerHTML, innerText, value
	// console.log($("#heading").html()) // getter 	
	// $("#heading").html("修改后的heading") // setter 	
	
	// console.log($("#heading").text()) // getter 	
	// $("#heading").text("修改后的<span style='color: #fff'>heading</span>") // setter
	// $("#heading").html("修改后的<span style='color: #fff'>heading</span>") // setter
	// console.log($("#heading").text()) // getter 	
	// console.log($("#heading").html()) // getter 	
	
	$("#search").focus(function() {
		// console.log($("#search").val())
		if ($("#search").val() === "请输入关键词") {
			$("#search").val("")
		}
	})
	$("#search").blur(function() {
		if (!$("#search").val()) {
			$("#search").val("请输入关键词")
		}
	})
	*/
	
	
	
	// ele.innerHTML = ""
	// ele.innerText
	// ele.textContent
	// ele.value
	
	// ele.classList.add()
	// ele.classList.remove()
	// ele.classList.contain()
	// ele.classList.toggle()
	
	// ele.setAttribute()
	// ele.getAttribute()
	// ele.removeAttribute()
})



